<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- Required meta tags -->


    <title>悟空掌柜官网</title>
    <!--<meta charset="utf-8">-->
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta name="keywords"
        content="悟空掌柜官网" />
    <meta name="description"
        content="悟空掌柜官网" />


    <!--<link type="image/x-icon" href="images/favicon.ico" rel="shortcut icon">
     Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css?v=1572311906">
    <link rel="stylesheet" href="css/animate.min.css?v=1572311906">
    <link rel="stylesheet" href="css/main.css?v=1572311906">

    <link rel="stylesheet" href="css/swiper.min.css?v=1572311906">
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/anime.min.js"></script>


    <script src="js/swiper.min.js?v=1572311906"></script>

    
<link rel="stylesheet" href="css/content.css">

</head>

<body>
    
    <%- include('headfoot/header.html') %>
       <div class="masker"></div>
    <script>
    	 $('.navbar-nav li').eq(1).addClass('active').siblings().removeClass('active');
    </script> 
    

    
<!-- 主要内容 开始 -->
<div class="container nopadding">
    <!-- 悟空会员 -->
    <div class="top-bar">
        <p class="title">
            <img class="icon-img" src="images/<%= member[0].sm_img%>" alt=""><%= member[0].title%>
        </p>
        <p class="desc"><%= member[0].intro%></p>
    </div>
    <!-- 主要内容 -->
    <div class="main-content">
		<% member[0].list.forEach(function(v){%>
         <div class="item">
             <img class="c-img" src="images/<%= v.list_img%>" alt="">
             <div class="content">
                 <p class="title"><%= v.list_title%></p>
                 <p class="desc"><%= v.list_intro%></p>
             </div>
         </div>
		 <%})%>
         <!-- <div class="item">
            <img class="c-img" src="images/img_member_02.png" alt="">
            <div class="content">
                <p class="title">协同物流仓储网络</p>
                <p class="desc">平台与第三方仓储物流公司合作，在物流网络协同下，保证商品安全、快速的到达客户手中。通过信息技术全程实时同步包裹信息，保证物流包裹状态可控。一件包邮、退货险等设置保证用户放心购买、退换无忧。 </p>
            </div>
        </div>
        <div class="item">
            <img class="c-img" src="images/img_member_03.png" alt="">
            <div class="content">
                <p class="title">陪伴式服务</p>
                <p class="desc">搭建专业的客户服务支持团队，购买前对用户进行问题解答和购买指导；购买中为用户提供下单指导及平台操作说明；购买后对用户的问题进行7*16小时售后服务，快速响应、迅速解决。</p>
            </div>
        </div>
        <div class="item">
            <img class="c-img" src="images/img_member_04.png" alt="">
            <div class="content">
                <p class="title">好商品主动推荐</p>
                <p class="desc">通过大数据算法智能匹配，重新组合人与商品的关系，加以口碑传播的方式，在熟人圈中进行商品分享，突破传统电商壁垒，形成社交电商新生态，实现把客户不知道的好商品推送到TA面前。</p>
            </div>
        </div>
        <div class="item">
            <img class="c-img" src="images/img_member_05.png" alt="">
            <div class="content">
                <p class="title">评价体系和维权体系</p>
                <p class="desc">建立用户评价系统、投诉建议通道、维权体系，高标准严格执行，确保消费者购物安心、售后省心。</p>
            </div>
        </div>
        <div class="item">
            <img class="c-img" src="images/img_member_06.png" alt="">
            <div class="content">
                <p class="title">社群服务</p>
                <p class="desc">以BBS（论坛）形式，让用户随时随地吐槽、发表兴趣、结识志同道合的朋友，打破人际关系边界，形成志趣相投的新社交关系网。 </p>
            </div>
        </div> -->
    </div>
</div>
<script>
</script>
<!-- 主要内容 结束 -->


    
<%- include('headfoot/footer.html') %>
    
    

</body>
<script>
    $('.navbar-toggler').on('click', function (e) {
        $('.masker').toggle();
    })
    $('.masker').on('click', function (e) {
        $(this).css('display', 'none');
        $('#navbarSupportedContent').toggleClass('show');
    })
</script>

</html>